<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>角色管理</title>
	<link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<!-- 头部查询区域 -->
    <div style="margin: 10px 0 0 10px">
      	角色名：
        <div class="layui-inline">
            <input id="searchName" type="text" name="name" class="layui-input"/>
        </div>
      	<input type="button" id="searchBtn" class="layui-btn" value="查询"/>
        <input type="button" id="addBtn" class="layui-btn" value="新增"/>
    </div>

    <!-- 显示数据列表区域 -->
    <table id="userTable" lay-filter="userTable1"></table>
	
	<!-- 表格操作工具条模版 -->
	<script id="operateTemplate" type="text/html">
		<input type="button" value="绑定菜单" lay-event="menu" class="layui-btn layui-btn-xs"/>
		<input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
		<input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
	</script>
	
	<!-- 新增/编辑用户弹窗中的html模版  -->
    <script id="userFormTemplate" type="text/html">
        <form class="layui-form" action="" style="padding: 20px" id="userForm" lay-filter="userForm">
            <input type="hidden" name="id">

            <div class="layui-form-item">
                <label class="layui-form-label">角色名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <input id="saveBtn" type="button" value="保存" class="layui-btn">
                </div>
            </div>
        </form>
    </script>
	
	
	<script type="text/javascript" src="/plugins/layui/layui.js"></script>
	<script type="text/javascript" src="/js/role.js"></script>
</body>
</html>